body{
	margin: 0; padding: 0; font-family: Tahoma, Arial; font-size: 12px; color: #000;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
a{
	text-decoration: none; font-size: 12px; color: #004175;
}
a:hover{
	text-decoration: underline; color: #4f82ac;
}
#wallpaper{
	width: 100%; text-align: center; margin: 0; padding: 0; background: #E1D8C3;
}
#main{
	width: 990px; margin: 0 auto;
}
#ja-wrapper2{
	background: url("../images/shadow-right.gif") repeat-y right center; padding-right: 14px;
}
#ja-wrapper3{
	background: url("../images/shadow-left.gif") repeat-y left center; padding-left: 14px;
}
#header, #page, #menuTop, #navigation, #footer{
	width:962px; float: left; overflow: hidden;
}
#header{
	height: 200px; background: url("../images/header.jpg") no-repeat left top; position: relative;
}
#marquee{
	/*width: 100%; */ width: 514px; height:30px; background:#333; /*position: absolute; bottom: 0; left: 0;*/ filter:alpha(opacity=70); /* IE's opacity*/ opacity: 0.70; line-height: 30px; cursor: pointer; font-size: 13px; font-weight: bold; color:#F9D01A; text-transform: uppercase; float: left;
}
#marquee p, #marquee h1, #marquee h2, #marquee h3, #marquee h4, #marquee h5, #marquee h6{
	margin: 0; padding: 0;
}
#menuTop{
	height: 28px; border-bottom: 1px solid #C8C8C8; background: url("../images/menu1.gif") repeat-x left top; line-height: 28px; color: #fff;
}
#menuTop ul{
	float: right;
}
#menuTop #cart a{
	color: red; font-weight: bold; text-decoration: none; font-size: 12px;
}
#menuTop ul{
	margin: 0; padding: 0;
}
#menuTop ul.menu{
	float: right;
}
#menuTop ul li{
	list-style: none; float: left; display: block; cursor: pointer; line-height: 28px;
}
#menuTop ul li a{
	width:112px; height:28px; float:left; background: url("../images/bg_li_top.jpg") no-repeat left top; line-height:28px; color:#FFFFFF; text-transform: uppercase; font-weight: bold; text-decoration: none;
}
#menuTop ul li a:hover{
	background: url("../images/bg_li_top_hover.jpg") no-repeat left top;
}
#menuTop ul li a.active{
	background: url("../images/bg_li_top_hover.jpg") no-repeat left top;
}
#cart{
	float: right; margin-right: 8px;
}
#page{
	background: #fff; padding-top: 5px;
}
#page #left{
	width: 20%; float: left; overflow: hidden;
}
#page #left .titleMenu{
	width: 100%; height: 30px; float: left; background: #403c3a; text-align: left; line-height: 30px; color:#ee9600; text-transform: uppercase; font-weight: bold; border-bottom: 1px dotted #ccc;
}
#page #left .mainMenu{
	width: 100%; float: left; background: #544F4C;
}
#page #left .mainMenu ul{
	margin: 0; padding: 0;
}
#page #left .mainMenu ul li{
	list-style: none; color: #B6C8C8; font-weight: bold; line-height: 25px; text-align: left; cursor: pointer;
}
#page #left .mainMenu ul li a{
	color: #B6C8C8; font-weight: bold; text-decoration: none; text-transform: uppercase; font-family: Arial; margin-left: 15px; font-size: 11px;
}
#page #left .mainMenu ul li a:hover{color: #fff;}
#page #left .titleMenu a{margin-left: 15px; color:#EE9600; text-decoration: none; font-weight: bold;}

#page #right{
	width: 80%; float: right; overflow: hidden;
}
#page #right #mainBody{
	padding: 0 0 25px 0;
}
#content{
	width: 74%; float: left; overflow: hidden;
}
#page #right #mainBody #content #ja-content{
	overflow: hidden;
}
#page #right #mainBody #content #ja-content{
	clear: both; margin: 0; padding: 0 8px 0 10px; display: block;
}
#page #right #mainBody #content #ja-content table{
	float: left;
}

.box{width: 100%; float: left; background: #fff;}
.box .title{width: 100%; height: 30px; float: left; background:#4396ca; line-height: 30px; text-transform: uppercase;}
.box .title .left{width: 4px; height: 24px; float: left; background: #4396ca;}
.box .title .center{float: left; height: 24px; text-align: center; color: #fff; line-height: 30px; font-weight: bold; padding-left: 15px;}
.box .title .right{width: 4px; height: 24px; float: right; background: #4396ca;}
.box .boxContent{width: 100%; float: left; margin-top: 1px; background:#ffffff; text-align: left; padding: 5px 0;}
.box .boxContent li{width: 100%; float: left; border-bottom: 1px dotted #BFBFBF; line-height: 25px; list-style: none; background: url("../images/icon_row.png") 6px center no-repeat; color:red;}
.box .boxContent li.last_menu{border-bottom: 0;}
.box .boxContent li a{padding-left: 15px; text-decoration: none; font-weight: bold; color: #000;}
.box .boxContent li a:hover{text-decoration: underline; color: red;}
.box .boxContent li.news{border-bottom: 0; background: url("../images/note_news.jpg") 6px 12px no-repeat;}
.box .boxContent li.news a{font-weight: normal;}
.box .boxContent li.search{border-bottom: 0; background: url("../images/note_red.jpg") 3px 8px no-repeat;}
.box .boxContent li.search a{font-weight: normal; padding-left: 13px; cursor: pointer;}
.box .boxContent li.searchCheck{border-bottom: 0; background: url("../images/b_drop.png") 10px 8px no-repeat;}
.box .boxContent li.searchCheck a{font-weight: normal; padding-left: 25px; cursor: pointer;}

.box .boxContent ul{
	margin: 0; padding: 0;
}
.box .boxContent ul li.ls-news{
	font-weight: normal; text-align: left; list-style: none; background: url("../images/li_others.jpg") no-repeat 3px 10px; line-height: 17px; padding: 5px 0;
}
.box .boxContent ul li.ls-news a{
	font-weight: normal;
}
.box .boxContent ul li.none{
	font-weight: normal;
}
.box .boxContent ul li.none a{
	background: none;
}

.boxproduct{width: 157px; height: 210px; float: left; overflow: hidden; margin: 10px 15px 5px 10px; overflow: hidden; text-align: center;}
.boxproduct .image{width: 150px; height: 128px; border: 1px solid #E5E5E5; margin: 0 auto; text-align: center;}
.boxproduct .image img{height: 96px; margin: 0 auto; margin-top: 10px; border: 0;}
.boxproduct .field, .boxproduct .price{width: 100%; float: left; text-align: center; line-height: 20px; font-weight: bold;}
.boxproduct .field{line-height: 18px;}
.boxproduct .field a{color: #000; font-weight: bold;text-decoration: none;}
.boxproduct .field a:hover{text-decoration: underline;}
.boxproduct .price{color:red;}
.boxproduct .field .cart{float: left; padding-left: 5px; padding-top: 2px;}
.boxproduct .field .cart a{cursor: pointer;}
.boxproduct .field .detail{float: right; padding-right: 2px; padding-top: 2px;}
.boxproduct .field .detail a{color: #343434; font-weight: bold; text-decoration: none;}
.boxproduct .field .detail a:hover{text-decoration: underline;}

/*-- SLIDE SHOW --*/
.neoslideshow {position:relative; width:962px; height:200px;}
.neoslideshow img {position:absolute;left:0; top:0;}

/* --- BOX HOME --- */
#listNewsSpecial{width: 285px; float: left;}
#listNewsSpecial ul{margin: 0; padding: 0;}
#listNewsSpecial ul li{list-style: none; background: url("../images/ar2.gif") 3px 6px no-repeat; text-align: left; padding-left: 15px; line-height: 18px;}
#listNewsSpecial ul li a, #listNewsSpecial ul li a.uncheckShowImage{font-weight: normal; color: #000; text-decoration: none;}
#listNewsSpecial ul li a:hover, #listNewsSpecial ul li a.checkShowImage{color: red; font-style: italic;}
#image_special{width: 300px; float: right; text-align: center; overflow: hidden;}
#image_special img{margin: 0 auto; border: 0; margin-top: 5px; border: 2px solid #ccc; padding: 2px; width: 290px;}
#image_special div.showTextSpecial{text-align: left; line-height: 18px; color: #000; background: #F5F4ED; padding: 5px;}

/* --- WEBLINKS --- */
.sectiontableentry1, .sectiontableentry2{color: #333; padding-left: 5px;}
a.category{font-weight: bold; color: #0E3071; text-decoration: none;}
a.category:hover{font-style: italic;}

/* --- ADVER --- */
.adv{width:100%; float: left; margin: 0; text-align: center; padding-top: 2px;}
.adv img{margin: 0 auto;}

/* --- PAGE --- */
.page{float:left; width:100%; margin-top:10px; text-align:right;}
.page span.pagenav{font-weight: bold; color: #ff0000; font-size: 13px;}
.page a{text-decoration: none; color: #004175; font-weight: bold;}
.page a:hover{text-decoration: underline; color:#4f82ac;}

/* --- VIEW DETAIL PRODUCT --- */
.field_detail, .field_detail_price_ny{width:280px; float: left; line-height:20px; font-size:12px; border-bottom:1px dotted #565656; color: #000; text-align: left;}
.field_detail_price_ny{text-decoration: line-through; color: #777; font-weight: bold;}
.field_detail a{background: url("../images/icon_row.png") no-repeat 3px center; padding-left: 12px;}

/* --- LIST NEWS --- */
.lsNews{width: 100%; float: left; margin: 5px 0; text-align: justify;}
.lsNews img{border: 2px solid #ccc; padding: 2px; float: left; margin: 0 5px 5px 0;}
.lsNews a{color:#004175;}
.lsNews a:hover{color:#4F82AC;}
.lsNews a.chi_tiet{color:#ff0000; font-weight: normal;}
.lsNews ul{margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; margin-top: 20px;}
.lsNews ul li{list-style: none; text-transform: none; line-height: 20px; background: url("../images/note_red.jpg") 5px center no-repeat; padding-left: 20px;}

/* --- DATETIME AND DESCRIPTION --- */
.datetime{color:#B3B3B3; font-style: italic;}
.description{color:#A0A0A0; font-style: italic; font-weight: bold;}


#page #right #mainBody #cols2{
	width: 24.9%; float: right;
}
#footer{
	background: #fff url("../images/footer-left.gif") repeat-x left top; padding: 15px 0; text-align: center; line-height: 22px; position: relative; overflow: visible; font-size: 13px;
}
#footer .topLeft{
	position: absolute; top: 15px; left: 10px;
}
#footer .topRight{
	position: absolute; top: 15px; right: 10px;
}

table.moduletable{background: #fff; width: 100%; text-align: left;}
table.moduletable th, table.moduletable h6.one_quesion{
	height: 30px; background: #4396CA; line-height: 30px; text-transform: uppercase; color: #fff; padding-left: 10px;
}
.ageent_main_only1 {
	margin-bottom: 5px;
}
table.moduletable ul.latestnews{
	margin: 0; padding: 0;
}
table.moduletable ul.latestnews li{
	list-style: none; background: url("../images/li_others.jpg") no-repeat 3px 5px; padding-left: 15px; line-height: 20px;
}

#menu {width: 192px; float: left; position: absolute;}
#menu ul {margin:0; padding:0; list-style:none; text-align:left;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0; z-index: 100;}
#menu li {display:block; height:23px; line-height:23px; width:192px; background:#327ed3; border-bottom: 1px solid #89d3f8; border-top: 1px solid #0d79a2;}
#menu li a{text-transform: none; color:#fff; width: 177px; float:left;}
#menu ul li a:hover {text-decoration: none; background: red;}
#menu ul li:hover > ul {left:100%; margin-top:0px;}
#menu li:hover > a {}
#menu li a.fly {font-weight: bold;}
#menu li:hover > a.fly {}
#menu ul ul li{width:192px; filter:alpha(opacity=90); /* IE's opacity*/ opacity: 0.90; background: #327ed3; height: auto;}
#menu ul ul li a{font-weight: bold; color: #fff; font-weight: normal;}

/*-- JOOMLA --*/
h2{
	text-align: left;
}
.item{
	text-align: left;
}
.componentheading{
	width: 100%; padding: 3px 0; border-bottom: 1px dotted #ccc; text-align: left; font-weight: bold; font-size: 18px; text-transform: uppercase; color:#d6003f;
}
table.blog div{
	width:100%; padding: 10px 0; text-align: left; position: relative;
}
table.contentpaneopen{
	width: 100%;
}
.contentheading{
	text-align: left;
}
a.contentpagetitle{
	font-weight: bold; color: #004175; text-decoration: none;
}
a.news_title{
	background: url("../images/newnew.gif") no-repeat right bottom; padding-right: 35px;
}
a.contentpagetitle:hover{
	color: #4f82ac;
}
a.readon{
	color: #a99999; font-size: 11px; font-weight: normal; text-decoration: none;
}
a.readon:hover{
	color: #4f82ac;
}
table#show_content_text{
	text-align: left; line-height: 17px; font-size: 12px;
}
table#show_content_text img{
	width: 130px; height: auto; float: left; margin-right: 5px; border: 1px solid #D8D8D8; padding: 2px;
}
table#show_content_text .first img{
	width: 220px;
}
.blog_more{
	text-align: left;
}
.blog_more div{
	width: 100%; height: 23px; line-height: 23px; border-bottom: 2px solid #99cc00; float: left; border-top: 1px solid #dbdbdb; background: #f4f4f4; color: #004175; font-weight: bold; font-size: 13px; margin-bottom: 5px;
}
.blog_more div span{
	margin-left: 10px;
}
.blog_more ul{
	margin: 0; padding: 0;
}
.blog_more ul li{
	list-style: none; background: url("../images/li_others.jpg") no-repeat 5px 7px; padding-left: 15px; line-height: 20px; float: left;
}
.blog_more ul li:first-child{
	background: url("../images/li_others.jpg") no-repeat 5px 7px;
}
.blog_more ul li a{
	color:#004175; text-decoration: none; font-weight: normal;
}
.blog_more ul li a:hover{
	color: #4f82ac;
}
.blog_more ul li a.icon_news{
	background: url("../images/newnew.gif") no-repeat right bottom; padding-right: 35px;
}
/*-- TABS --*/
.widget {
    background: #f0f9ff;
    border: 1px solid #95c6f2;
    margin-bottom: 5px;
    padding: 10px;
    width: 535px;
    text-align: left;
}
.adver{
	width: 560px; text-align: center; margin-bottom: 5px; overflow: hidden;
}
.adver img{
	margin: 0 auto; max-width: 557px; width: auto !important; width: 560px;
}
.widget ul{
	margin-left: 0; padding-left: 0;
}
.widget a {
    color: #222222;
    text-decoration: none;
}
.widget a:hover {
    color: #000099;
    text-decoration: underline;
}
.tabnav li {
    display: inline;
    list-style: none outside none;
    padding-right: 5px;
}
.tabnav li a {
	font-size: 11px;
    color: #222222;
    font-weight: bold;
    outline: medium none;
    padding: 4px 6px;
    text-decoration: none;
    text-transform: uppercase;
    -moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #000000;
	behavior: url(PIE.htc);
}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
    background: none repeat scroll 0 0 #F99D1D;
    color: #fff;
    text-decoration: none;
}
.tabdiv {
    background: #FFFFFF;
    border: 1px solid #95c6f2;
    margin-top: 2px;
    padding: 5px;
    min-height: 300px;
    height:auto !important;
    height:300px;
    overflow: hidden;
}
.tabdiv ul{
	margin: 0; padding: 0;
}
.tabdiv li {
	list-style: none; text-align: left; line-height: 17px; margin-bottom: 5px;
}
.tabdiv li.row2 {
	background: #f0f9ff;
}
.tabdiv li img{
	border: 3px solid #dedede; width: 120px; float: left; margin: 0 5px 3px 0; padding: 1px;
}
.tabdiv li a{
	text-decoration: none; color: #D30000; font-weight: bold;
}
.tabdiv li a:hover{
	text-decoration: underline; color:#D30000;
}
.tabdiv li div{
	padding: 0; margin: 0;
}
.tabdiv li h5, .tabdiv li p, .tabdiv li h3, .tabdiv li h4{
	margin: 0; padding: 0;
}
.ui-tabs-hide {
    display: none;
}
#featuredvid {
    text-align: center;
}
.fvid {
    margin-bottom: 5px;
}
.vidselector li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDBD1;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
}

.page_date_time{
	width: 100%; padding: 3px 0; line-height: 16px; font-size: 11px; color:#999; border-bottom: 1px solid #DFDFDF; text-align: right;
}
.pagecontentheading{
	width: 100%; padding: 3px 0; border-bottom: 1px dotted #ccc; text-align: left; font-weight: bold; font-size: 18px; color:#d6003f;
}
.page_introtext{
	width: 100%; line-height: 17px; color: #5F5F5F; text-align: left; font-weight: bold;
}
.page_introtext img{
	float: left; width: 220px; margin: 0 5px 5px 0; border: 2px solid #ccc; padding: 2px;
}
.page_fulltext{
	width: 100%; line-height: 17px; color: #000; text-align: left;
}

/*-- SEARCH --*/
.search{
	float: left; padding-left: 10px;
}

/*-- SUPPORT --*/
.page-tieude-lon-support{
	margin: 0;
}
.page-tieude-lon-support h2{
	margin: 0; border-top: 1px solid #ccc; padding-top: 10px; font-size: 16px;
}
